<!DOCTYPE HTML>
<html lang="ja" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>住宅総合館</title>
<%include file="_meta.html" />
<meta name="paneo-field-text" content=""/>
<meta name="paneo-field-img" content=""/>
</head>
<body class="free">

<!-- page header xx start -->
<%include file="_header.html" />
<!-- page header xx end -->

<div id="headline"></div>

<div id="container"><!-- container -->

    <div id="contents"><!-- contents -->

    <!-- TOP&特集記事 xx ST -->
    <div id="topbox" class="row"><!-- top page header -->
        <div id="topleft" class="threefifth"><!-- left -->
        <a name="special" class="bookmark" title="特集記事"></a>
        <% article = AT.GetArticle('special') %>

        <section id="special">
        <hgroup id="topheader">
        <h2 class="logo contain" data-paneo-type="text" data-paneo-name="top-logo" title="TOPロゴ">広島住宅総合館</h2>
        <h1 class="catch" data-paneo-type="textarea" data-paneo-name="top-cache" title="トップキャッチタイトル">
        ${scfg.get('CONTEXT').get('context1')}
        </h1>
        </hgroup><!-- #topheader -->

        <div id="specialbox">
            <div class="hd">
                <div class="square">${article.context.get('context1')}</div>
            </div>
            <div class="context">
            <h3>${article.header}</h3>
            <p>${article.lead}</p>
            </div>
        </div><!-- #specialbox --> 

        <div class="context3">
        ${scfg.get('CONTEXT').get('context3')}
        </div>

        <!-- 特集記事 xx ST -->
        <% specials= AT.GetArticle('special') %>
        <div class="row">
        <ul class="block-three">
        %for contents in specials.GetPostsByUpdated(3) :
        <li>
        <figure class="paneoimg">
        <a href="/article/${contents.slug}.html">
        ${ contents.GetImageTag('catchimg','965x0') } 
        </a>
        <figcaption>
        <a href="/article/${contents.slug}.html">
	        ${ contents.header }
        </a>
        <span class="next"><a href="/article/${contents.slug}.html">>></a></span>
        </figcaption>
        <figure>
        </li>
        %endfor
        </ul><!-- .block-tree -->
        </div>

        <div class="backcolor">
        <div class="outer">
            <div class="color"></div>
            <div class="cover">
                <img src="${paneoimg('page_index_img1')}" />
                <img src="${paneoimg('page_index_img1')}" />
            </div>
        </div>
        </div><!-- .backcolor -->
        </section><!-- #special -->

        <!-- 施工事例 xx ST -->
        <a name="house" class="bookmark" title="施工事例"></a>
        <% article = AT.GetArticlesType('house') %>

        <section id="house">
        <div class="headerbox">
        <div class="header">
        <h3 class="title"><img src="/common/img/index/photogallery.png" alt="フォトギャラリー">地元工務店こだわり注文住宅の施工事例</h3>
        <p>家づくりで一番大切なのは自分のライフスタイルを創造すること。<br />数年後の暮らし方を施工事例を基にイメージして下さい。</p>
        </div>
        </div><!-- .headerbox -->

        <div class="row split">
            %for contents in article.GetGroupPostsByUpdated(9) :
            <div class="half">
            <figure class="paneoimg">
            <a href="/article/${contents.slug}.html">
            ${ contents.GetImageTag('mainpic','640x480') } 
            </a>
            <figcaption>
            <h3>${ contents.article.header }</h3>
            <h4>${ contents.title }</h4>
            </div>
            %endfor
        </div><!-- .row .split -->

        <div class="backcolor">
        <div class="outer">
            <div class="color"></div>
            <div class="cover">
            <img src="${paneoimg('page_index_img2')}" />
            <img src="${paneoimg('page_index_img2')}" />
            </div>
        </div>
        </div>
        </section><!-- #house -->
        <!-- 施工事例 xx EN -->

        </div><!-- #topleft .threefifth -->

        <div id="topright" class="twofifth"><!-- right -->

        <!-- display ads -->
        <div class="row">
            <div class="third">
            <a href="http://www.tayamadenki.co.jp/" target="_blank">
            <img src="/common/img/banner/tayama.png" title="広告バナー①"/>
            </a>
            </div>
            <div class="third">
            <a href="http://www.hiroshima-cleaning.com/" target="_blank">
            <img src="/common/img/banner/onoya.png" title="広告バナー②"/>
            </a>
            </div>
            <div class="third">
            <a href="/forms/formmail_maruwakarikit.html">
            <img src="/common/img/banner/sogokan.png" title="広告バナー③"/>
            </a>
            </div>
        </div>

        <!-- 工務店紹介 xx ST -->
        <a name="builder" class="bookmark" title="工務店"></a>
        <% builders = AT.GetArticle('builder') %>
        <section id="builder">
        <div class="header_box">
            <div class="header">
                <h2>${builders.header}</h2>
                <div class="ph">${builders.lead}</div>
            </div>
            <!--
            <img class="tsuta" src="/common/img/tsuta.png"/>
            -->
        </div><!-- #header_box -->
        <%  
            import random
            r_b = []
            for c in builders.GetPostsByUpdated(50):
                r_b.append(c)
            endfor
            random.shuffle(r_b)
        %>
        <ul class="block-three">
        %for contents in r_b :
        <li>
        <figure class="paneoimg">
            <a href="/article/${contents.slug}.html">${ contents.GetImageTag('personpic','320x320') } </a>
            <figcaption>
                <h3>${ contents.GetField('name') }</h3>
                <div class="hp_link_box">
                <a class="hp_link" href="${contents.GetField('homepage','href')}">ホームページへ</a>
                </div>
            </figcaption>
        </figure>
        </li>
        %endfor
        </ul><!-- .block-three -->
        </section><!-- #builder -->
        <!-- 工務店紹介 xx EN -->

        </div><!-- #topright .twofifth -->
    </div><!-- #topbox .row -->
    <!-- TOP&特集記事 xx EN -->

    <div id="eventosusume">

    <div class="backcolor">
    <div class="outer">
        <div class="color"></div>
        <div class="cover">
        <img src="${paneoimg('page_index_img3')}" />
        <img src="${paneoimg('page_index_img3')}" />
        </div>
    </div>
    </div><!-- .backcolor -->

    <!-- イベント xx ST -->
    <a name="event" class="bookmark" title="イベント"></a>
    <div class="row">
        <div class="threefifth">
        <% article = AT.GetArticle('event') %>
        <section id="event">
            <h3>
            <img src="/common/img/index/house_top.png">
            ${article.header}<span>${article.lead}</span><b><a href="/pages/event.html">一覧はこちら ></a></b>
            </h3>
            <div class="event">
            %for contents in article.GetPostsByUpdated(10) :
                <div class="row sprit">
                <div class="quarter">
                    <a href="/article/${contents.slug}.html">
                    <span>${ contents.GetField('eventdate').replace('<br>','')}</span>
                    <span>${ contents.GetField('eventtime').replace('<br>','')}</span>
                    </a>
                </div><!-- .quarter -->
                <div class="threequarter">
                    <h4><a href="/article/${contents.slug}.html">${ contents.title }</a></h4>
                    %if len(contents.GetField('tokoro')) > 20 :
                    <h5>場所 / ${ contents.GetField('tokoro') [:20]} ...</h5>
                    %else :
                    <h5>場所 / ${ contents.GetField('tokoro') }</h5>
                    %endif
                    <span class="detail"><a href="/article/${contents.slug}.html">詳細 ></a></span>
                </div><!-- .threequarter -->
                </div><!-- .sprit -->
            %endfor
            </div><!-- .event -->

        </section><!-- #event -->
        </div><!-- .treefifth -->
    </div><!-- .row -->
    <!-- イベント xx EN -->

    <!-- おすすめ物件 xx ST -->
    <a name="osusume" class="bookmark" title="オススメ物件"></a>
    <% article = AT.GetArticle('osusume') %>
    <div class="row">
        <div class="threefifth">
        <section id="osusume">
            <h3>
            <img src="/common/img/index/bukken_top.png">
            ${article.header}<span>${article.lead}</span><b><a href="/pages/osusume.html">一覧はこちら ></a></b>
            </h3>
            <div class="osusume">
            %for contents in article.GetPostsByUpdated(2) :
            <div class="row sprit">
                <div class="quarter">
                    <figure class="paneoimg">
                    <a href="/article/${contents.slug}.html">
                    ${ contents.GetImageTag('mainpic','130x130') } 
                    </a>
                    <figure>
                </div><!-- .qurter -->
                <div class="threequarter">
                    <h3 class="area">${contents.GetField('area')}</h3>
                    <h5>${ contents.title }</h5>
                    <span class="detail"><a href="/article/${contents.slug}.html">詳細 ></a></span>
                </div><!-- .threequarter -->
            </div><!-- .row sprit -->
            %endfor
            </div><!-- .osusume -->
        </section><!-- #osusume -->
        </div><!-- threefifth -->
    </div><!-- .row -->
    <!-- おすすめ物件 xx EN -->
</div><!-- #eventosusume -->
   
    <!-- 新着情報 -->
    <!--
    <% news = AT.GetArticle('news') %>
    <a name="news" class="bookmark" title="新着情報"></a>
    <section id="news">
    <h2>${news.header}</h2>
    ${news.lead}
    <ul class="block-five">
    %for contents in news.GetPostsByUpdated(10) :
    <li>
    <figure>
    <a href="/article/${contents.slug}.html">
    ${ contents.GetImageTag('topimg','130x130') } 
    </a>
    <figcaption>
    ${ contents.updated }<br>
    ${ contents.title }
    </figcaption>
    <figure>
    </li>
    %endfor
    </ul>
    </section>
    -->
    <!-- #news -->

  <!-- 住まいのブログ -->
    <a name="blog" class="bookmark" title="住まいのブログ"></a>
    <% article = AT.GetArticle('blog') %>
    <section id="blog">
    <h2><img src="/common/img/blog_top.png" alt="${article.header}"></h2>
    <h3>
    ${article.lead}
    </h3>
    <div class="row">
    <div class="fivesixth centered">
    <ul class="block-six grid-b">
    %for contents in article.GetPostsByUpdated(12) :
    <li>
    <h4><a href="/article/${contents.slug}.html">${ contents.title }</a></h4>
    <figure class="paneoimg">
    <a href="/article/${contents.slug}.html">
    ${ contents.GetImageTag('mainpic','177x209') } 
    </a>
    </figure>
    </li>
    %endfor
    </ul>
    </div>
    </div><!-- row -->
    </section>
    <!-- #blog -->


    <%include file="sogokan_bigfooter.html"/>

    </div><!-- /#contents -->


</div><!-- /#container -->

<!-- page footer -->
<%include file="_footer.html"/>
<%include file="_anchor_navi.html"/>


</body>
</html>

